<template>
<div class="wrapper">
    <main-header ></main-header>
    <admin-sidebar ></admin-sidebar>
    <router-view ></router-view>
    <admin-footer ></admin-footer>
</div>
</template>

<script>
import AdminFooter from './Footer';
import AdminSidebar from './Sidebar';
import MainHeader from './Header';

export default {
  name: 'Index',
  components: {
    AdminFooter,
    AdminSidebar,
    MainHeader
  }
}
</script>

<style>
html {
  height: 100% !important;
}

body {
  height: 100% !important;
}

div.wrapper {
  height: 100% !important;
}
</style>
